<style type="text/css" media="all">
	.hr1{
	   border:1px solid #428FC4;
	   display:none;
	}
	/* ----------------------foot------------------------- */
	.tab-item-smile{
		padding:10px 6px 10px;
	}
	.footcomment{
		width:98%!important;
		color:black;
	}
	.footerBtn{
		margin-right: 5px;
	}
	#bar-tab2{
		display: none;
	}
	.footcomment1{
		color:grey;
		height:28px!important;
		width:70%!important;
		float:left;
		margin-left: 10px;
	}
	#TweetEmotions{
	  background-color: #f6f6f6;
      height: 160px;
      overflow-y:scroll; 
      padding:5px;
   }
   .hr1{
   	  margin-bottom: 0px;
   }
   /*---simona--modify--emotion*/
   .emotions li.emotion {
	float: left;
	width: 24px;
	height: 24px;
	/*background-image: url('../base/img/qq.gif');*/
	/*background-repeat: no-repeat;*/
	margin: 5px;
	}
	.emotions li.emotion>img {
	   width: 100%;
	   height: 100%;
	}
	/*表情滑动*/
	#TweetEmotions {
	   position:absolute;
	   z-index:1;
	   /*top:45px; */
	   bottom:0px;
	   left:0;
	   width:98%;
	   overflow:auto;
	}
	#scroller {
	   position:absolute; z-index:1;
	/* -webkit-touch-callout:none;*/
	/*height:120px;*/
	   -webkit-tap-highlight-color:rgba(0,0,0,0);
	   width:100%;
	   padding:0;
	}
   /*---simona--modify--*/
   .ImgContainer {
		display: table-cell;
	}
	.blankDiv {
		width:100%;
	}
	li[index = "0"]{
	   border-bottom:1px solid #428FC4 !important;
	}
</style>
<!-- @某某，点击事件，body已经为HTML流，只能通过字符串操作。
if (body) { 
			取到以"href='"开始，以  " target="_blank" rel="nofollow">" 结尾的字符串
			var herfStart = body.search(/href='/);
			var herfEnd = body.search(/ target="_blank" rel="nofollow">/);
			var hrefURL = body.substring(herfStart,herfEnd);
			取得hrefURL从倒数7位开始的后六位，也就是IDENT
			var ident =hrefURL.substr(-7,6);
			判断IDENT是否为数字
			var NaNident=/^\d+$/.test(ident);
			if(NaNident){
			如果为数字，这证明该条带有<a>标签。则replace();
					bodyDont=body.replace(hrefURL, "href=javascript:void(0) class='atwho' data-ident="+ident)
			}else{
			否则
					var bodyDont;
					bodyDont = body;
			}
		}; -->

<script id="tweetDetailTemplate" type="text/x-jquery-tmpl">

// <div class="contentScroller1" data-id="<%=id%>">
// 	<div class="contentScrollerImg" data-authorid=<%=authorid%> data-author=<%=author%> data-id=<%=id%>>

// 	<%
// 		// if(portrait==="/img/portrait.gif"){
// 			// portrait = "../base/img/widget_dface.ing"
// 		}
// 	%>
// 	<%if(portrait===""){var portrait="http://www.oschina.net/img/portrait.gif"}%>
	
// 		<img src="<%=portrait%>" alt="" onerror="javascript:this.src='../base/img/widget_dface.ing';"></div>
// 	<div class="tweetContentFrist" data-authorid=<%=authorid%> data-author=<%=author%> data-id=<%=id%> >
// 		<div>
// 			<span class="contentScrollerissuer" data-id="<%=id%>" data-author="<%=author%>" data-authorid="<%=authorid%>"><%=author%></span>
// 		</div>
		
// 		<div class="contentScrollerTit h5"><%=body%></div>

// 		<%
// 			if(typeof imgSmall !== "undefined"){ %>

// 				<div style="width:100%;">
// 				<div class="ImgContainer listImg" img-data=<%=imgBig%> >
// 				<img src=<%=imgSmall%>>
// 				</div><div class="ImgContainer blankDiv tweetText "><span>&nbsp;</span></div>
// 				</div>
// 			<% }
// 		%>
		
// 		<div class="contentScrollerInfo h6">
// 			// <div><%=moment(pubDate, "YYYY-MM-DD HH:mm:ss").fromNow()%></div>
// 			<div>
// 				<img src="../base/img/widget_comment_count_icon.ing" class="tweetListImginfo2"/>
// 				<span><%=commentCount%></span>
// 			</div>
// 		</div>
// 	</div>
// </div>


</script>


<script id="tweetReplyTemplate" type="text/x-jquery-tmpl">
	

<div class="tweetList" data-commentId="<%=id%>" data-commentAuthorId="<%=commentAuthorId%>">
	<div class="tweetListImg" data-authorid=<%=commentAuthorId%> data-author=<%=commentAuthor%> data-id=<%=id%>>
		

	<%
		if(commentPortrait==="/img/portrait.gif"){
			commentPortrait = "../base/img/widget_dface.ing"
		}
	%>
	
		<img src="<%=commentPortrait%>" alt="" onerror="javascript:this.src='../base/img/widget_dface.ing';"></div>
	<div class="tweetContent" data-commentId="<%=id%>" data-commentAuthorId="<%=commentAuthorId%>">
		<div>
			<span class="tweetListissuer"><%=commentAuthor%></span>
		</div>
		<div class="tweetListTit h5"><%=content%></div>

		<%
			if(typeof imgSmall !== "undefined"){ %>

				<div style="width:100%;">
				<div class="ImgContainer listImg" img-data=<%=imgBig%> >
				<img src=<%=imgSmall%>>
				</div><div class="ImgContainer blankDiv tweetText "><span>&nbsp;</span></div>
				</div>
			<% }
		%>
		<div class="tweetListInfo h6">
			<div><%=moment(pubDate, "YYYY-MM-DD HH:mm:ss").fromNow()%></div>
			<%
				if(typeof commentCount  !== "undefined"){%>
					<div>
						<img src="../base/img/widget_comment_count_icon.ing" class="tweetListImginfo2"/>
						<span><%=commentCount%></span>
					</div>
				<%}
			%>

		</div>
	</div>
</div>


</script>
<script id="emotionsTemplate" type="text/x-jquery-tmpl">
<div id="scroller">
<ul>
<%_.each(emotions,function(item){%>

<li  class="emotion" data-num=<%=item.num%>>
<img src="../base/img/f<%=item.alias%>.ing"/>
</li>

<% });%>
</ul>
</div>
</script>


<!--  <%_.each(emotions,function(item){%>
<a href="javascript:;" data-num = <%=item.num %> class="emotion" style="background-position:<%=item.position%>px 0px;"></a>
<% });%> -->




<!-- header -->
<header class="bar-title">
	<div class="left-banner">
		<span class="backBtn icon-reply imgsize"></span>
	</div>
	<h1 class="title">动弹详情</h1>
	<div class="right-banner">
		<span class="refreshBtn icon-repeat imgsize"></span>
	</div>
</header>

<!-- uncomment this if you want a sencondary-bars

<nav class="bar-standard bar-header-secondary"></nav>
-->
<!-- content -->

<div class="content">
<div id="tweetDetail">
	<!-- 模板插入内容 -->
</div>

<hr class="hr1"/>

<list id="tweet-reply-list" 
    autoLoad="false"
    isPullDownRefresh="true"  
    jsonRoot="commentList"
    bundle="fs"
    paging="true"
    iScroll="true"
    _itemTemplate="tweetReplyTemplate"></list>



</div>


<div class="emotions" id="TweetEmotions" >
   <!-- 模板插入内容 -->
</div> 

<footer class="bar-tab" id="bar-tab1">
<ul class="tab-inner">
   <li class="tab-item">
      <input type="text" class="footcomment1" id="showIssue" value=" 发表评论" readonly>
  </li>
</ul>
</footer>

<!-- 默认隐藏  点击bar-tab1后显示 -->
<footer class="bar-tab" id="bar-tab2">
<ul class="tab-inner">
   <li class="tab-item-smile" id="showEmotion" data-sign="up"><span class="icon-smile icon-2x"></span></li>
   <li class="tab-item active">
      <input type="text" class="footcomment" id="commentCont">
  </li>
  <li><button class="footerBtn" id="commentTweet">评论</button></li>
</ul>
</footer>
